<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org" >
<!--角色添加-->
<head th:include="frame/fm/res :: headerTableCss">
    <meta charset="UTF-8"/>
</head>
<head>
    <link rel="stylesheet" th:href="${application.staticUrl}+'frame/css/bootstrap/bootstrap-datetimepicker.min.css'" />
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/bootstrap/bootstrap-datetimepicker.min.js'"></script>
    <script type="text/javascript" th:src="${application.staticUrl}+'frame/js/bootstrap/bootstrap-datetimepicker.zh-CN.js'"></script>
    <script th:inline="JavaScript">
        var lessonId = [[${lessonId}]];
        var lessonType=[[${lessonType}]];
    </script>
</head>
<body style="height: 550px;">
<div class="page-wrapper">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="form-wrap">
                    <form onsubmit="return addSchedule.commitAdd(this);" action="#" class="form-horizontal">
                        <div class="form-body">
                            <hr class="light-grey-hr"/>
                            <div class="row" id="topName">
                                <div class="col-md-6" style="width: 80%;">
                                    <div class="form-group">
                                        <label class="control-label col-md-3">名称</label>
                                        <div class="col-md-9">
                                            <input type="text" class="form-control" name="lessonNumber" id="lessonNumber"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row" id="topTime">
                                <div class="col-md-6" style="width: 80%;">
                                    <div class="form-group">
                                        <label class="control-label col-md-3">上课时间</label>
                                        <div class="col-md-9" style="width: 33%;">
                                            <input type="text" class="form-control form_datetime" id="startTime" name="startTime"  placeholder="请输入上课时间"/>  
                                        </div>
                                        <label class="control-label col-md-3" style="width: 9%;text-align: center">----</label>
                                        <div class="col-md-9" style="width: 33%;">
                                            <input type="text" class="form-control form_datetime" id="endTime" name="endTime"  placeholder="请输入结束时间"/>  
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row" id="topDesc">
                                <div class="col-md-6" style="width: 80%;">
                                    <div class="form-group">
                                        <label class="control-label col-md-3">课时介绍</label>
                                        <div class="col-md-9">
                                            <textarea class="form-control" rows="5" name="desc" id="desc" maxlength="63" style="resize: none"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row" id="topVoideUrl">
                                <div class="col-md-6" style="width: 80%;">
                                    <div class="form-group">
                                        <label class="control-label col-md-3">视频URL</label>
                                        <div class="col-md-9">
                                            <input type="text" class="form-control" placeholder="请输入视频URL"
                                                   name="schVideoUrl" id="schVideoUrl"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-actions mt-10">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="row">
                                        <div class="col-md-offset-8 col-md-12">
                                            <button type="submit" class="btn btn-primary btn-icon-anim btn-square btn-sm" style="width: 80px;"><i class="icon-heart-com"></i></button>
                                            <button type="button" id="clo" class="btn btn-primary btn-icon-anim btn-square btn-sm" style="width: 80px;"><i class="icon-shield-qx"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" th:src="${application.staticUrl}+'base/lesson/addSchedule.js'"></script>
</html>